<template>
	<div style="background: #eee">
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<van-rate :size="15" v-model="value" />
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!-- yi -->
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<van-rate :size="15" v-model="value" />
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!-- er -->
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<!-- <van-rate :size="15" v-model="value" /> -->
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!--  -->
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<!-- <van-rate :size="15" v-model="value" /> -->
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!--  -->
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<!-- <van-rate :size="15" v-model="value" /> -->
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!--  -->
		<div class="head">
			<van-row type="flex" justify="space-around">
				<van-col span="10">
					<p class="p">
						<img class="tou" src="../assets/shan-6.jpg" alt="" />飞翔的小土豆
					</p>
				</van-col>
				<van-col span="6"></van-col>
				<van-col span="6"> <p class="p2">2017-02-06</p> </van-col>
			</van-row>
			<p class="div">
				<!-- <van-rate :size="15" v-model="value" /> -->
			</p>

			<p>面料不错，码数也正常 男朋友穿的很合适。</p>
			<van-grid :border="false" :column-num="3">
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
				<van-grid-item>
					<van-image class="img1" :src="require('../assets/shan-1.jpg')" />
				</van-grid-item>
			</van-grid>
		</div>
		<!--  -->
		<p>查看更多</p>
		<van-search v-model="value" placeholder="查看更多" />
		<!-- 提交 -->
		<van-goods-action>
			<van-goods-action-icon icon="chat-o" text="客服" color="#ee0a24" />
			<van-goods-action-icon icon="cart-o" text="购物车" />
			<van-goods-action-icon icon="star" text="已收藏" color="#ff5000" />
			<van-goods-action-button type="warning" text="加入购物车" />
			<van-goods-action-button type="danger" text="立即购买" />
		</van-goods-action>
	</div>
</template>
<style scoped lang="scss">
.head {
	// line-height: 2rem;
	background: white;
	border-bottom: 1px rgb(230, 227, 227) solid;
	margin-top: 20px;
}
.p {
	font-size: 1rem;
}
.p2 {
	font-size: 0.5rem;
	line-height: 3rem;
}
.tou {
	width: 1.5rem;
	height: 1.5rem;
	//
}
.div {
	width: 98%;
	margin: 0 auto;
}
.img1 {
	width: 4rem;
	height: 4rem;
	// margin-left: -80px;
}
</style>
<script>
export default {
	data() {
		return {
			value: 3,
		}
	},
}
</script>